<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/softReset.css">
    <title>科学技术进步奖推荐书-Word文档</title>
    <style>
        #app {
            padding-bottom: 50px;
        }
        .page {
            page-break-after: always;
            page-break-inside: avoid;
        }

        @media print {
            @page {
                margin: 2cm 0;
            }

            /* body {
                padding: 1.6cm;
            } */
        }
        .publish_page {
            position: relative;
            width: 600px;
            margin: 0 auto;
            /* min-height: 790px; */
            padding-top: 190px;
            padding-bottom: 30px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column;
        }

        .publish_title {
            width: 100%;
            text-align: center;
            font-size: 32px;
            line-height: 62px;
            height: 62px;
            font-family: "宋体";
            font-weight: bold;
            letter-spacing: 2px;
        }
        .report_title {
            width: 100%;
            text-align: center;
            font-size: 22px;
            line-height: 57px;
            height: 57px;
            font-family: SimSun;
            font-weight: 700;
            letter-spacing: 2px;
        }
        .input_form {
            box-sizing: border-box;
            margin: 230px auto 30px;
        }

        .input_info {
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            height: 50px;
            margin-bottom: 30px;
        }

        .input_label {
            width: 120px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            font-size: 18px;
            text-align: center;
            font-family: STSong;
            font-weight: 700;
        }

        .text_input {
            width: 100%;
            min-width: 300px;
            height: 50px;
            box-sizing: border-box;
            border-bottom: 1px solid #000;
            padding: 5px;
            text-align: center;
            display: flex;
            font-size: 18px;
            justify-content: center;
            align-items: flex-end;
            font-family: STSong;
            font-weight: 700;
        }

        .publish_company {
            text-align: center;
            font-size: 18px;
            width: 100%;
            font-family: STSong;
            font-weight: 700;
        }

        table {
            border-collapse: collapse;
            font-family: SimSun;
        }

        td {
            padding: 5px;
            box-sizing: border-box;
            white-space: normal;
            word-break: break-all;
            word-wrap: break-word;
            font-size: 14px;
        }

        th {
            font-weight: 500;
            padding: 5px;
        }

        .label_td {
            text-align: center;
        }
        .module_title {
            text-align: center;
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            color: #000;
            font-weight: 600;
            font-family: SimSun;
            font-weight: 700;
        }
        .module_second_title {
            text-align: left;
            width: 660px;
            height: 44px;
            line-height: 44px;
            color: #000;
            font-weight: 600;
            margin: 0 auto;
            font-family: SimSun;
            font-size: 16px;
        }
        .module_desc {
            width: 660px;
            text-align: left;
            box-sizing: border-box;
            margin: 0 auto;
            font-size: 16px;
            margin-bottom: 20px;
            font-family: SimSun;
            letter-spacing: 1px;
            line-height: 23px;
        }

        .info_table {
            width: 613px;
            box-sizing: border-box;
            border: 1px solid #000;
            margin: 0 auto;
            font-size: 14px;
            font-family: SimSun;
        }


        .special_tit {
            width: 613px;
            text-align: right;
            margin: 0 auto;
            font-family: SimSun;
        }
        .module_content {
            width: 613px;
            box-sizing: border-box;
            border: 1px solid #000;
            margin: 0 auto;
            font-size: 14px;
            border-top: none;
            font-family: SimSun;
        }

        .info_item {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            border-bottom: 1px solid #1a1a1a;
        }

        .info_label {
            width: 154px;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            min-height: 69px;
            padding: 5px;
            white-space:normal;
            word-break:break-all;
            word-wrap:break-word;
        }
        .info_content {
            padding: 5px;
            box-sizing: border-box;
            border-left: 1px solid #1a1a1a;
            min-height: 69px;
            width: calc(100% - 154px)
        }
        .info_item.small .info_label {
            min-height: 27px;
        }

        .info_item.small .info_content {
            min-height: 27px;
        }
        .info_item.small.special {
            border-bottom: none;
        }
        .subject_box {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            box-sizing: border-box;
            border-bottom: 1px solid #1a1a1a;
        }
        .subject_label {
            width: 75px;
            text-align: center;
            box-sizing: border-box;
            padding: 10px;
        }
        .subject_content {
            width: calc(100% - 75px);
            box-sizing: border-box;
            border-left: 1px solid #1a1a1a;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
            height: 79px;
        }
        .subject_info {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: 26px;
            border-bottom: 1px solid #1a1a1a;
        }
        .subject_content .subject_info:last-child {
            height: 25px;
            border-bottom: none;
        }
        .subject_index {
            width: 79px;
            box-sizing: border-box;
            border-right: 1px solid #1a1a1a;
            text-align: center;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .subject_container {
            width: 270px;
            box-sizing: border-box;
            border-right: 1px solid #1a1a1a;
            height: 100%;
        }
        .subject_code_box {
            width: calc(100% - 349px);
            height: 100%;
        }
        .subject_code_box .subject_code_label {
            width: 63px;
            height: 100%;
            box-sizing: border-box;
            border-right: 1px solid #1a1a1a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .subject_code_content {
            width: calc(100% - 63px);
        }

        .info_small_textarea {
            width: 100%;
            box-sizing: border-box;
            border-bottom: 1px solid #1a1a1a;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
        }
        .info_big_textarea {
            width: 100%;
            /* min-height: 295px; */
            box-sizing: border-box;
            border-bottom: 1px solid #1a1a1a;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
        }
        .info_small_textarea_label {
            width: 100%;
            padding: 5px;
            box-sizing: border-box;
            text-align: left;
            font-family: SimSun;
        }
        .info_small_textarea_content {
            width: 100%;
            padding: 5px;
            box-sizing: border-box;
            font-family: SimSun;
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 23px;
        }
        .info_special_item {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            border-bottom: 1px solid #1a1a1a;
        }

        .info_special_item .left,
        .info_special_item .right {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .left .info_content {
            width: 187px;
            box-sizing: border-box;
            border-right: 1px solid #1a1a1a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .right {
            width: calc(100% - 341px);
        }
        .right .info_content {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .module_textarea {
            width: 660px;
            box-sizing: border-box;
            margin: 0 auto;
            font-size: 14px;
            padding: 10px;
            font-family: SimSun;
            letter-spacing: 1px;
            line-height: 22px;
        }
        .benefit_table {
            width: 660px;
            border: 1px solid #1a1a1a;
            box-sizing: border-box;
            margin: 0 auto;
        }
        .benefit_box {
            width: 660px;
            border: 1px solid #1a1a1a;
            border-bottom: none;
            box-sizing: border-box;
            margin: 0 auto;
            border-top: none;
        }
        .files_content {
            width: 604px;
            box-sizing: border-box;
            margin: 0 auto;
        }
        .desc_report {
            width: 613px;
            text-align: right;
            font-weight: normal;
            font-family: SimSun;
            margin: 0 auto;
            font-size: 12px;
            line-height: 40px;
            height: 40px;
        }

        .files_content>p {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            font-family: SimSun;
        }
        .only_table {
            width: 660px;
            margin: 0 auto;
        }
        .desc_table {
            font-size: 12px;
            color: #666;
        }
        .only_table > td {
            text-align: center;
        }
        .sign {
            text-align: center;
            font-weight: bold;
            color: #000;
            width: 604px;
            box-sizing: border-box;
            margin: 0 auto;
            font-size: 16px;
            margin-bottom: 20px;
            font-family: SimSun;
        }



        .finish_person_table {
            width: 617px;
            box-sizing: border-box;
            border: 1px solid #000;
            margin: 0 auto;
            font-size: 14px;
        }
        .finish_content {
            width: 617px;
            box-sizing: border-box;
            border: 1px solid #000;
            margin: 0 auto;
            font-size: 14px;
            border-top: none;
        }
        .date_range {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            height: 27px;
            border-bottom: 1px solid #1a1a1a;
            box-sizing: border-box;
            font-family: SimSun;
        }
        .date_label {
            width: 156px;
            border-right: 1px solid #1a1a1a;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .date_content {
            width: calc(100% - 156px);
            box-sizing: border-box;
            padding: 3px;
            height: 100%;
        }
        .statement {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-family: SimSun;
        }
        .statement p {
            text-indent: 2rem;
            letter-spacing: 2px;
            font-size: 14px;
        }
        .statement_left {
            width: 356px;
            box-sizing: border-box;
            border-right: 1px solid #1a1a1a;
            height: 100%;
            padding: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
        }
        .statement_right {
            width: calc(100% - 356px);
            box-sizing: border-box;
            height: 100%;
            padding: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
        }
        .statement_bold {
            font-weight: bold;
            color: #000;
            font-size: 16px;
        }
        .state_sign {
            width: 100%;
            text-align: center;
            padding-right: 50px;
            box-sizing: border-box;
            font-size: 16px;
        }
        .date {
            text-align: right;
            padding-right: 50px;
            box-sizing: border-box;
            width: 100%;
            font-size: 16px;
        }

        .finish_company_table {
            width: 621px;
            box-sizing: border-box;
            border: 1px solid #000;
            margin: 0 auto;
            font-size: 14px;
        }
        .company_label {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100px;
            box-sizing: border-box;
            border-right: 1px solid #1a1a1a;
        }
        .company_content {
            width: 621px;
            box-sizing: border-box;
            border: 1px solid #000;
            margin: 0 auto;
            font-size: 14px;
            border-top: none;
        }
        .company_item_special {
            line-height: 36px;
            text-align: left;
            width: 100%;
            height: 37px;
            border-bottom: 1px solid #1a1a1a;
            box-sizing: border-box;
            padding-left: 10px;
            font-family: SimSun;
        }
        .blank {
            width: 100%;

            padding: 5px;
            box-sizing: border-box;
            border-bottom: 1px solid #1a1a1a;
            font-family: SimSun;
            letter-spacing: 1px;
            line-height: 23px;
            font-size: 14px;
        }

        .statement_company {
            width: 100%;
            box-sizing: border-box;
            padding: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
            font-family: SimSun;
        }
        .date {
            text-align: right;
            padding-right: 50px;
            box-sizing: border-box;
            width: 100%;
        }
        .statement_company td,.statement td {
            letter-spacing: 1px;
        }
        .barcode{
            position: absolute;
            right:0;
            top:10px;
            height:100px;
            width:250px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            margin-bottom: 30px;
        }
        .barcode img{
            width:210px;
            height:50px;
        }
        .barcode-text{
            display: flex;
            width:210px;
            justify-content: center;
            letter-spacing: 2px;
        }
    </style>
</head>

<body>
<div id="app" v-cloak>
    <div class="publish_page page">
        <div class="barcode">
            <img src="data:image/png; base64, {{ $barcodeImg }}"/>
            <div class="barcode-text">{{$barcode}}</div>
        </div>
        <div class="title_header">
            <h1 class="publish_title">中国公路建设行业协会科学技术奖</h1>
            <h1 class="publish_title">科学技术进步奖申报书</h1>
        </div>


        <table class="input_form">
            <tr class="input_info">
                <td class="input_label">项目名称</td>
                <td class="text_input">@{{progressConfig.basic_situation.project_name}}</td>
            </tr>
            <tr class="input_info">
                <td class="input_label">申报单位</td>
                <td class="text_input">@{{progressConfig.basic_situation.declare_company}}</td>
            </tr>
            <tr class="input_info">
                <td class="input_label">完成人员</td>
                <td class="text_input">@{{progressConfig.basic_situation.complete_people}}</td>
            </tr>
        </table>

        <div class="publish_company">
            中国公路建设行业协会科学技术奖办公室制
        </div>
    </div>

    <div class="page special">
        <h1 class="report_title">中国公路建设行业协会科学技术奖</h1>
        <h1 class="report_title">科学技术进步奖申报书</h1>
        <h1 class="report_title">(2019 年度)</h1>
        <div class="module_title">
            一、基本情况
        </div>
        <table class="info_table" cellspacing="0" cellpadding="0" border="1">
            <tr>
                <td colspan="2" width="154px" class="label_td">
                    牵头申报单位<br>
                    (盖章)
                </td>
                <td colspan="3">
                    @{{progressConfig.basic_situation.declare_company}}
                </td>
            </tr>
            <tr>
                <td colspan="2" class="label_td" width="154px">
                    项目名称
                </td>
                <td colspan="3">
                    @{{progressConfig.basic_situation.project_name}}
                </td>
            </tr>
            <tr>
                <td colspan="2" class="label_td" width="154px">
                    主要完成人
                </td>
                <td colspan="3">
                    @{{progressConfig.basic_situation.complete_people}}
                </td>
            </tr>
            <tr>
                <td colspan="2" class="label_td" width="154px">
                    主要完成单位
                </td>
                <td colspan="3">
                    @{{progressConfig.basic_situation.complete_companies}}
                </td>
            </tr>
            <tr>
                <td rowspan="3" class="label_td" width="75px">
                    学科分类名称
                </td>
                <td class="label_td" width="79px">1</td>
                <td width="270px">
                    @{{progressConfig.basic_situation.subject1.name}}
                </td>
                <td class="label_td" width="63px">代码</td>
                <td>
                    @{{progressConfig.basic_situation.subject1.code}}
                </td>
            </tr>
            <tr>
                <td class="label_td" width="79px">2</td>
                <td width="270px">
                    @{{progressConfig.basic_situation.subject2.name}}
                </td>
                <td class="label_td" width="63px">代码</td>
                <td>
                    @{{progressConfig.basic_situation.subject2.code}}
                </td>
            </tr>
            <tr>
                <td class="label_td" width="79px">3</td>
                <td width="270px">
                    @{{progressConfig.basic_situation.subject3.name}}
                </td>
                <td class="label_td" width="63px">代码</td>
                <td>
                    @{{progressConfig.basic_situation.subject3.code}}
                </td>
            </tr>
            <tr>
                <td colspan="2" class="label_td">
                    所属国民经济行业
                </td>
                <td colspan="3">
                    @{{progressConfig.basic_situation.economic_sectors}}
                </td>
            </tr>
            <tr>
                <td colspan="2" class="label_td">
                    所属国家重点发展领域
                </td>
                <td colspan="3">
                    @{{progressConfig.basic_situation.develop_domain}}
                </td>
            </tr>
            <tr>
                <td colspan="2" class="label_td">
                    任务来源
                </td>
                <td colspan="3">
                    @{{progressConfig.basic_situation.task_origin}}

                </td>
            </tr>
        </table>
        <div class="module_content">

            <div class="info_small_textarea">
                <div class="info_small_textarea_label">
                    具体计划、基金的名称和编号：
                </div>
                <div class="info_small_textarea_content">
                    @{{progressConfig.basic_situation.plans}}
                </div>
            </div>

            <div class="info_small_textarea">
                <div class="info_small_textarea_label">
                    已呈交的科技报告编号：
                </div>
                <div class="info_small_textarea_content">
                    @{{progressConfig.basic_situation.technical}}

                </div>
            </div>

            <div class="info_special_item">
                <div class="left">
                    <div class="info_label">授权发明专利(项)</div>
                    <div class="info_content">
                        @{{progressConfig.basic_situation.invention}}
                    </div>
                </div>
                <div class="right">
                    <div class="info_label">授权的其他知识产权(项)</div>
                    <div class="info_content">
                        @{{progressConfig.basic_situation.other_invention}}

                    </div>
                </div>
            </div>
            <div class="info_item small special">
                <div class="info_label">项目起止时间</div>
                <div class="info_content">
                    @{{progressConfig.basic_situation.project_dateRange}}
                </div>
            </div>

        </div>
        <div class="desc_report">
            中国公路建设行业协会科学技术进步奖办公室制
        </div>
    </div>

    <div class="page">
        <div class="module_title">
            二、科技成果简介
        </div>
        <div class="module_desc">
            （限1200字）
        </div>
        <div class="module_textarea" v-html="progressConfig.scientific.replace(/\r?\n/g, '<br />')"></div>
    </div>

    <div class="page">
        <div class="module_title">
            三、主要科技创新
        </div>
        <div class="module_desc">
            （围绕科技创新点的创新性、先进性、创新程度、应用效果和对行业科技进步的作用和示范性，做出客观、真实、准确评价。）
        </div>
        <div class="module_textarea" v-html="progressConfig.innovate.replace(/\r?\n/g, '<br />')"></div>
    </div>

    <div class="page">
        <div class="module_title">
            四、客观评价
        </div>
        <div class="module_desc">
            （围绕科技创新点的创新性、先进性、应用效果和对行业科技进步的作用，做出客观、真实、准确评价。填写的评价意见要有客观依据，主要包括与国内外相关技术的比较，国家相关部门正式作出的技术检测报告、验收意见、鉴定结论及行业机构科技成果评价，国内外重要科技奖励，国内外同行在重要学术刊物、学术专著和重要国际学术会议公开发表的学术性评价意见等，可在附件中提供证明材料。非公开资料（如私人信函等）不能作为评价依据。）
        </div>
        <div class="module_textarea" v-html="progressConfig.evaluate.replace(/\r?\n/g, '<br />')"></div>
    </div>

    <div class="page">


        <div class="module_title">
            五、推广应用情况、经济效益和社会效益
        </div>
        <div class="module_desc">
            （请依据客观数据和情况准确填写，不做评价性描述）
        </div>
        <div class="module_second_title">
            1、推广应用情况
        </div>
        <div class="module_textarea" v-html="progressConfig.generalize.situation.replace(/\r?\n/g, '<br />')"></div>
    </div>

    <div class="page">
        <div class="module_second_title">
            2、近两年经济效益
        </div>
        <div class="special_tit">
            单位：万元人民币
        </div>
        <table class="benefit_table" cellspacing="0" cellpadding="0" border="1">
            <tr>
                <td rowspan="2" width="122px" class="label_td">自然年</td>
                <td colspan="2" class="label_td">完成单位</td>
                <td colspan="2" class="label_td">其他应用单位</td>
            </tr>
            <tr>
                <td width="123px" class="label_td">新增销售额</td>
                <td width="123px" class="label_td">新增利润</td>
                <td width="123px" class="label_td">新增销售额</td>
                <td width="123px" class="label_td">新增利润</td>
            </tr>

            <tr v-for="(item,index) in progressConfig.generalize.economic_benefit" :key="index">
                <td class="label_td">@{{item.year}}</td>
                <td>@{{item.finish_sale}}</td>
                <td>@{{item.finish_profit}}</td>
                <td>@{{item.other_sale}}</td>
                <td>@{{item.other_profit}}</td>
            </tr>

            <tr>
                <td class="label_td">累计</td>
                <template v-if="progressConfig.generalize.economic_benefit.length == 1">
                    <td>@{{parseInt(progressConfig.generalize.economic_benefit[0].finish_sale)}}
                    </td>
                    <td>
                        @{{parseInt(progressConfig.generalize.economic_benefit[0].finish_profit)}}
                    </td>
                    <td>
                        @{{parseInt(progressConfig.generalize.economic_benefit[0].other_sale)}}
                    </td>
                    <td>
                        @{{parseInt(progressConfig.generalize.economic_benefit[0].other_profit)}}
                    </td>
                </template>
                <template v-else>
                    <td>@{{parseInt(progressConfig.generalize.economic_benefit[0].finish_sale) + parseInt(progressConfig.generalize.economic_benefit[1].finish_sale)}}
                    </td>
                    <td>
                        @{{parseInt(progressConfig.generalize.economic_benefit[0].finish_profit) + parseInt(progressConfig.generalize.economic_benefit[1].finish_profit)}}
                    </td>
                    <td>
                        @{{parseInt(progressConfig.generalize.economic_benefit[0].other_sale) +  parseInt(progressConfig.generalize.economic_benefit[1].other_sale)}}
                    </td>
                    <td>
                        @{{parseInt(progressConfig.generalize.economic_benefit[0].other_profit) + parseInt(progressConfig.generalize.economic_benefit[1].other_profit)}}
                    </td>
                </template>
            </tr>
        </table>
        <div class="benefit_box">
            <div class="info_big_textarea">
                <div class="info_small_textarea_label">
                    主要经济效益指标的有关说明：
                </div>
                <div class="info_small_textarea_content" v-html="progressConfig.generalize.description.replace(/\r?\n/g, '<br />')"></div>
            </div>
            <div class="info_big_textarea">
                <div class="info_small_textarea_label">
                    其他经济效益指标的有关说明
                </div>
                <div class="info_small_textarea_content"
                     v-html="progressConfig.generalize.other_description.replace(/\r?\n/g, '<br />')">
                </div>
            </div>
        </div>

    </div>

    <div class="page">

        <div class="module_second_title">
            3、社会效益
        </div>
        <div class="module_textarea" v-html="progressConfig.generalize.society_benefit.replace(/\r?\n/g, '<br />')">
        </div>

    </div>

    <div class="page">
        <div class="module_title">
            六、主要知识产权证明目录（不超过10件）
        </div>
        <table class="only_table" cellspacing="0" cellpadding="0" border="1">
            <thead>
            <th width="110px">知识产权类别<br /><span class="desc_table">(发明专利、外观、实用新型、标准、软件著作权权、集成电路布图设计、其它)</span>
            </th>
            <th>知识产权具体名称</th>
            <th width="40px">国家(地区)</th>
            <th width="56px">授权号</th>
            <th width="56px">授权日期</th>
            <th width="56px">证书编号</th>
            <th width="56px">权利人</th>
            <th width="56px">发明人</th>
            <th>发明专利有效状态</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in progressConfig.knowledge_property" :key="index">
                <td>
                    @{{item.type}}
                </td>
                <td>
                    @{{item.name}}
                </td>
                <td>
                    @{{item.country}}
                </td>
                <td>
                    @{{item.authorization_num}}
                </td>
                <td>
                    @{{item.authorization_date}}
                </td>
                <td>
                    @{{item.certificate_number}}

                </td>
                <td>
                    @{{item.obligee}}
                </td>
                <td>
                    @{{item.inventor}}
                </td>
                <td>
                    @{{item.status}}
                </td>
            </tr>
            </tbody>
        </table>
        <div class="module_desc">
            <span style="font-weight: bold">承诺：</span>上述知识产权已征得未列入项目主要完成人的权利人（发明专利指发明人）的同意。
        </div>
        <div class="sign">
            第一完成人签名:
        </div>

    </div>

    <div class="page">
        <div class="module_title">
            七、主要完成人情况表
        </div>

        <table class="finish_person_table" cellspacing="0" cellpadding="0" border="1">
            <tr>
                <td class="label_td" width="70px">姓名</td>
                <td width="90px">
                    @{{progressConfig.finish_people.name}}
                </td>
                <td class="label_td" width="50px">性别</td>
                <td width="36px">
                    @{{progressConfig.finish_people.sex == 1 ? "男" : "女"}}

                </td>
                <td class="label_td" width="72px">排名</td>
                <td width="92px">
                    @{{progressConfig.finish_people.rank}}
                </td>
                <td class="label_td" width="72px">国籍</td>
                <td>
                    @{{progressConfig.finish_people.nationality}}
                </td>
            </tr>
            <tr>
                <td class="label_td">出生年月</td>
                <td colspan="3">
                    @{{progressConfig.finish_people.birth}}
                </td>
                <td class="label_td">出生地</td>
                <td>
                    @{{progressConfig.finish_people.birth_place}}
                </td>
                <td class="label_td">民族</td>
                <td>
                    @{{progressConfig.finish_people.nation}}
                </td>
            </tr>
            <tr>
                <td class="label_td">身份证号</td>
                <td colspan="3">
                    @{{progressConfig.finish_people.id_card}}
                </td>
                <td class="label_td">归国人员</td>
                <td>
                    @{{progressConfig.finish_people.returnee}}
                </td>
                <td class="label_td">归国时间</td>
                <td>
                    @{{progressConfig.finish_people.return_time}}
                </td>
            </tr>
            <tr>
                <td class="label_td">技术职称</td>
                <td colspan="3">
                    @{{progressConfig.finish_people.profession}}
                </td>
                <td class="label_td">最高学历</td>
                <td>
                    @{{progressConfig.finish_people.education}}
                </td>
                <td class="label_td">最高学位</td>
                <td>
                    @{{progressConfig.finish_people.degress}}
                </td>
            </tr>
            <tr>
                <td class="label_td">毕业学校</td>
                <td colspan="3">
                    @{{progressConfig.finish_people.graduate_school}}
                </td>
                <td class="label_td">毕业时间</td>
                <td>
                    @{{progressConfig.finish_people.graduate_time}}
                </td>
                <td class="label_td">所学专业</td>
                <td>
                    @{{progressConfig.finish_people.major}}
                </td>
            </tr>
            <tr>
                <td class="label_td">电子邮箱</td>
                <td colspan="3">
                    @{{progressConfig.finish_people.mail}}
                </td>
                <td class="label_td">办公电话</td>
                <td>
                    @{{progressConfig.finish_people.phone}}
                </td>
                <td class="label_td">移动电话</td>
                <td>
                    @{{progressConfig.finish_people.telephone}}
                </td>
            </tr>
            <tr>
                <td class="label_td">通讯地址</td>
                <td colspan="5">
                    @{{progressConfig.finish_people.address}}
                </td>
                <td class="label_td">邮政编码</td>
                <td>
                    @{{progressConfig.finish_people.post_code}}
                </td>
            </tr>
            <tr>
                <td class="label_td">工作单位</td>
                <td colspan="5">
                    @{{progressConfig.finish_people.company}}
                </td>
                <td class="label_td">行政职务</td>
                <td>
                    @{{progressConfig.finish_people.job}}
                </td>
            </tr>
            <tr>
                <td class="label_td">二级单位</td>
                <td colspan="5">
                    @{{progressConfig.finish_people.department}}
                </td>
                <td class="label_td">党派</td>
                <td>
                    @{{progressConfig.finish_people.groups}}
                </td>
            </tr>
            <tr>
                <td rowspan="2" class="label_td">完成单位</td>
                <td colspan="5" rowspan="2">
                    @{{progressConfig.finish_people.complete_company}}
                </td>
                <td class="label_td">所在地</td>
                <td>
                    @{{progressConfig.finish_people.complete_company_address}}
                </td>
            </tr>
            <tr>
                <td class="label_td">单位性质</td>
                <td>
                    @{{progressConfig.finish_people.complete_company_nature}}
                </td>
            </tr>
        </table>

        <div class="finish_content">

            <div class="date_range">
                <div class="date_label">参加本项目的起止时间</div>
                <div class="date_content">
                    @{{progressConfig.finish_people.project_range}}
                </div>
            </div>

            <div class="info_big_textarea">
                <div class="info_small_textarea_label">
                    对本项目技术创造性贡献：
                </div>
                <div class="info_small_textarea_content"
                     v-html="progressConfig.finish_people.contribution.replace(/\r?\n/g, '<br />')">
                </div>
            </div>

            <div class="info_big_textarea">
                <div class="info_small_textarea_label">
                    曾获国家（省部及社会力量）科技奖励情况：
                </div>
                <div class="info_small_textarea_content"
                     v-html="progressConfig.finish_people.award_situation.replace(/\r?\n/g, '<br />')">
                </div>
            </div>

            <table class="statement" cellspacing="0" cellpadding="0">
                <tr>
                    <td rowspan="2" width="356px" style="border-right: 1px solid #1a1a1a">
                        <span class="statement_bold">声明：</span>
                        本人同意完成人排名，遵守《国家科学技术奖励条例》《社会力量设立科学技术奖管理办法》及其实施细则的有关规定，承诺遵守评审工作纪律，保证所提供的有关材料真实有效，且不存在任何违反《中华人民共和国保守国家秘密法》和《科学技术保密规定》等相关法律法规及侵犯他人知识产权的情形。该项目是本人本年度被推荐的唯一项目。如有材料虚假或违纪行为，愿意承担相应责任并接受相应处理。如产生争议，保证积极配合调查处理工作。
                    </td>
                    <td>
                            <span class="statement_bold">
                                完成单位声明：
                            </span>
                        本单位确认该完成人情况表内容真实有效，且不存在任何违反《中华人民共和国保守国家秘密法》和《科学技术保密规定》等相关法律法规及侵犯他人知识产权的情形。如产生争议，愿意积极配合调查处理工作。
                    </td>
                </tr>
                <tr>
                    <td>
                            <span class="statement_bold">
                                工作单位声明：
                            </span>
                        本单位对该完成人被推荐无异议。
                    </td>
                </tr>
                <tr>
                    <td style="border-right: 1px solid #1a1a1a">
                        <div class="state_sign">本人签名：</div>
                    </td>
                    <td>
                        <div class="state_sign">
                            单位(盖章)
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="border-right: 1px solid #1a1a1a">
                        <div class="date">
                            年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日
                        </div>
                    </td>
                    <td>
                        <div class="date">
                            年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日
                        </div>
                    </td>
                </tr>
            </table>
            <!-- <div class="statement">
                <div class="statement_left">
                    <p>
                        <span class="statement_bold">声明：</span>
                        本人同意完成人排名，遵守《国家科学技术奖励条例》《社会力量设立科学技术奖管理办法》及其实施细则的有关规定，承诺遵守评审工作纪律，保证所提供的有关材料真实有效，且不存在任何违反《中华人民共和国保守国家秘密法》和《科学技术保密规定》等相关法律法规及侵犯他人知识产权的情形。该项目是本人本年度被推荐的唯一项目。如有材料虚假或违纪行为，愿意承担相应责任并接受相应处理。如产生争议，保证积极配合调查处理工作
                    </p>
                    <div class="state_sign">本人签名：</div>
                    <div class="date">
                        年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日
                    </div>
                </div>
                <div class="statement_right">
                    <p>
                        <span class="statement_bold">
                            完成单位声明：
                        </span>
                        本单位确认该完成人情况表内容真实有效，且不存在任何违反《中华人民共和国保守国家秘密法》和《科学技术保密规定》等相关法律法规及侵犯他人知识产权的情形。如产生争议，愿意积极配合调查处理工作。
                    </p>
                    <p>
                        <span class="statement_bold">
                            工作单位声明：
                        </span>
                        本单位对该完成人被推荐无异议。
                    </p>
                    <div class="state_sign">
                        单位(盖章)
                    </div>
                    <div class="date">
                        年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;日
                    </div>
                </div>
            </div> -->
        </div>
    </div>

    <div class="page">

        <div class="module_title">
            八、主要完成单位情况表
        </div>

        <table class="finish_company_table" cellspacing="0" cellpadding="0" border="1">
            <tr>
                <td class="label_td" width="100px">单位名称</td>
                <td colspan="5">
                    @{{progressConfig.finish_company.company_name}}
                </td>
            </tr>
            <tr>
                <td class="label_td">排名</td>
                <td width="123px">
                    @{{progressConfig.finish_company.company_rank}}

                </td>
                <td class="label_td" width="87px">法定代表人</td>
                <td width="98px">
                    @{{progressConfig.finish_company.legal_person}}

                </td>
                <td class="label_td" width="81px">所在地</td>
                <td>
                    @{{progressConfig.finish_company.location}}

                </td>
            </tr>
            <tr>
                <td class="label_td">单位性质</td>
                <td>
                    @{{progressConfig.finish_company.company_nature}}

                </td>
                <td class="label_td">传真</td>
                <td>
                    @{{progressConfig.finish_company.company_fax}}

                </td>
                <td class="label_td">邮政编码</td>
                <td>
                    @{{progressConfig.finish_company.post_code}}

                </td>
            </tr>
            <tr>
                <td class="label_td">通讯地址</td>
                <td colspan="5">
                    @{{progressConfig.finish_company.company_address}}

                </td>
            </tr>
            <tr>
                <td class="label_td">联系人</td>
                <td>
                    @{{progressConfig.finish_company.link_man}}

                </td>
                <td class="label_td">单位电话</td>
                <td>
                    @{{progressConfig.finish_company.company_tel}}

                </td>
                <td class="label_td">移动电话</td>
                <td>
                    @{{progressConfig.finish_company.phone}}

                </td>
            </tr>
            <tr>
                <td class="label_td">电子邮箱</td>
                <td colspan="5">
                    @{{progressConfig.finish_company.email}}

                </td>
            </tr>
        </table>
        <div class="company_content">

            <div class="company_item_special">
                对本项目科技创新和推广应用情况的贡献：
            </div>
            <div class="blank" v-html="progressConfig.finish_company.contribution.replace(/\r?\n/g, '<br />')">

            </div>


            <table class="statement_company">
                <tr>
                    <td colspan="2">
                        <span class="statement_bold">声明：</span>
                        本单位同意完成单位排名，遵守《国家科学技术奖励条例》《社会力量设立科学技术奖管理办法》及其实施细则的有关规定，承诺遵守评审工作纪律，保证所提供的有关材料真实有效，且不存在任何违反《中华人民共和国保守国家秘密法》和《科学技术保密规定》等相关法律法规及侵犯他人知识产权的情形。如有材料虚假或违纪行为，愿意承担相应责任并接受相应处理。如产生争议，保证积极配合调查处理工作。
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="left_sign">法定代表人签名</div>
                    </td>
                    <td>
                        <div class="right_company">单位(盖章)</div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="date">
                            年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;日
                        </div>
                    </td>
                    <td>
                        <div class="date">
                            年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;日
                        </div>
                    </td>
                </tr>
            </table>
            <!-- <div class="statement_company">
                <p>
                    <span class="statement_bold">声明：</span>
                    本单位同意完成单位排名，遵守《国家科学技术奖励条例》《社会力量设立科学技术奖管理办法》及其实施细则的有关规定，承诺遵守评审工作纪律，保证所提供的有关材料真实有效，且不存在任何违反《中华人民共和国保守国家秘密法》和《科学技术保密规定》等相关法律法规及侵犯他人知识产权的情形。如有材料虚假或违纪行为，愿意承担相应责任并接受相应处理。如产生争议，保证积极配合调查处理工作。
                </p>
                <div class="sign_and_company">
                    <div class="left_sign">法定代表人签名</div>
                    <div class="right_company">单位(盖章)</div>
                </div>
                <div class="date_bottom">
                    <div class="date_left">
                        <div class="date">
                            年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;日
                        </div>
                    </div>
                    <div class="date_right">
                        <div class="date">
                            年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;日
                        </div>
                    </div>
                </div>
            </div> -->
        </div>

    </div>

    <div class="page">
        <div class="module_title">
            九、 附件
        </div>
        <div class="files_content">
            <p>1.核心知识产权证明</p>
            <p>2.评价证明及国家法律法规要求审批的批准文件</p>
            <p>3.科技查新报告</p>
            <p>4.应用证明(模板见附表1)</p>
            <p>5.完成人合作关系说明及情况汇总表(模板见附表2)</p>
            <p>6.其他证明</p>
        </div>

    </div>

</div>
</body>

</html>
<script src="/libs/vue/vue.js"></script>

<script>
    var progressConfig = {!! json_encode($formData, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT) !!};
    console.log('progressConfig', progressConfig)
    var recommendCompany = {!! json_encode($nominatorNamesString, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT) !!};


    let app = new Vue({
        el: '#app',
        data: {
            progressConfig,
            recommendCompany
        },
        mounted() {
            // console.log(progressConfig);
        }
    })
</script>